<%@ page contentType="text/html; charset=utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>


<div role="main" class="span single-column ">
    
    
    
<form id="create_event_form" class="form-horizontal form-nextdoor-style" enctype="multipart/form-data" name="create_event_form" method="post" action="/ajax/submit_event/" onsubmit="return false;">
  <input type="hidden" name="author" value="1818955">
  
  <div class="header">
    <h4 class="section-title">
      Add a new event
      <div class="actions">
        <button class="btn btn-primary" type="submit" data-action="prepare-submission">Post event</button>
      </div>
    </h4>
    <p class="section-description hidden-phone">
      This event will be posted to Heron Ave neighbors and viewable on the homepage.
    </p>
  </div>
  <hr>
  <br>
  <div class="control-group hidden-phone">
    <div class="control-label">Shared with</div>
    <div class="controls controls-empty">
      <i class="icon-nextdoorv2 icon-m-pin"></i>
      Heron Ave (5 neighbors)
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="id_title">Title</label>
    <div class="controls">
        <div class="error" id="id_title_error"></div>
        <input type="text" class="input-block-level" id="id_title" name="title" value="">
        <small class="help-block hidden-phone">
          <a href="javascript:void(0)" data-toggle="show" data-target="#event_add_photo">
            
              Add a photo
            
          </a>
        </small>
        <div id="event_add_photo" class="hide">
          <div class="error" id="id_photo_error"></div>
          <input type="file" id="id_photo" name="photo" class="collapse">
        </div>
        
    </div>
  </div>
  <div class="control-group">
    <label class="control-label">Date and time</label>
    <div class="controls">
      <div class="error" id="id_start_time_error"></div>
      <input id="id_start_time_desktop" class="input-small hidden-phone hidden-tablet hasDatepicker" type="text" name="start_date" placeholder="Date" value="">

      <input id="id_start_time_mobile" class="input-block-level visible-phone visible-tablet" type="date" name="start_date" placeholder="Date" value="">
      <select class="input-mini" name="start_hour">
        
          <option value="1">
            1
          </option>
        
          <option value="2">
            2
          </option>
        
          <option value="3">
            3
          </option>
        
          <option value="4">
            4
          </option>
        
          <option value="5">
            5
          </option>
        
          <option value="6">
            6
          </option>
        
          <option value="7">
            7
          </option>
        
          <option value="8">
            8
          </option>
        
          <option value="9">
            9
          </option>
        
          <option value="10">
            10
          </option>
        
          <option value="11">
            11
          </option>
        
          <option value="12" selected="">
            12
          </option>
        
      </select>
      <select class="input-mini" name="start_minute">
        
          <option value="00">
            00
          </option>
        
          <option value="05">
            05
          </option>
        
          <option value="10">
            10
          </option>
        
          <option value="15">
            15
          </option>
        
          <option value="20">
            20
          </option>
        
          <option value="25">
            25
          </option>
        
          <option value="30">
            30
          </option>
        
          <option value="35">
            35
          </option>
        
          <option value="40">
            40
          </option>
        
          <option value="45">
            45
          </option>
        
          <option value="50">
            50
          </option>
        
          <option value="55">
            55
          </option>
        
      </select>
      <select class="input-mini" name="start_ampm">
        <option value="AM">AM</option>
        <option value="PM" selected="">PM</option>
      </select>
      
        <small class="help-block">
          <a href="javascript:void(0);" data-target="#tr_end_time" data-toggle="show">
            Add an end time
          </a>
        </small>
      
    </div>
  </div>
  <div id="tr_end_time" class="hide">
    <div class="control-group ">
      <label class="control-label">Until</label>
      <div class="controls">
        <div class="error" id="id_end_time_error"></div>
        <input id="id_end_time_desktop" class="input-small hidden-phone hidden-tablet hasDatepicker" type="text" name="end_date" placeholder="Date" value="">
        <input id="id_end_time_mobile" class="input-block-level visible-phone visible-tablet" type="date" name="end_date" placeholder="Date" value="">
        <select class="input-mini" name="end_hour">
          
            <option value="1">
              1
            </option>
          
            <option value="2">
              2
            </option>
          
            <option value="3">
              3
            </option>
          
            <option value="4">
              4
            </option>
          
            <option value="5">
              5
            </option>
          
            <option value="6">
              6
            </option>
          
            <option value="7">
              7
            </option>
          
            <option value="8">
              8
            </option>
          
            <option value="9">
              9
            </option>
          
            <option value="10">
              10
            </option>
          
            <option value="11">
              11
            </option>
          
            <option value="12" selected="">
              12
            </option>
          
        </select>
        <select class="input-mini" name="end_minute">
          
            <option value="00">
              00
            </option>
          
            <option value="01">
              01
            </option>
          
            <option value="02">
              02
            </option>
          
            <option value="03">
              03
            </option>
          
            <option value="04">
              04
            </option>
          
            <option value="05">
              05
            </option>
          
            <option value="06">
              06
            </option>
          
            <option value="07">
              07
            </option>
          
            <option value="08">
              08
            </option>
          
            <option value="09">
              09
            </option>
          
            <option value="10">
              10
            </option>
          
            <option value="11">
              11
            </option>
          
            <option value="12">
              12
            </option>
          
            <option value="13">
              13
            </option>
          
            <option value="14">
              14
            </option>
          
            <option value="15">
              15
            </option>
          
            <option value="16">
              16
            </option>
          
            <option value="17">
              17
            </option>
          
            <option value="18">
              18
            </option>
          
            <option value="19">
              19
            </option>
          
            <option value="20">
              20
            </option>
          
            <option value="21">
              21
            </option>
          
            <option value="22">
              22
            </option>
          
            <option value="23">
              23
            </option>
          
            <option value="24">
              24
            </option>
          
            <option value="25">
              25
            </option>
          
            <option value="26">
              26
            </option>
          
            <option value="27">
              27
            </option>
          
            <option value="28">
              28
            </option>
          
            <option value="29">
              29
            </option>
          
            <option value="30">
              30
            </option>
          
            <option value="31">
              31
            </option>
          
            <option value="32">
              32
            </option>
          
            <option value="33">
              33
            </option>
          
            <option value="34">
              34
            </option>
          
            <option value="35">
              35
            </option>
          
            <option value="36">
              36
            </option>
          
            <option value="37">
              37
            </option>
          
            <option value="38">
              38
            </option>
          
            <option value="39">
              39
            </option>
          
            <option value="40">
              40
            </option>
          
            <option value="41">
              41
            </option>
          
            <option value="42">
              42
            </option>
          
            <option value="43">
              43
            </option>
          
            <option value="44">
              44
            </option>
          
            <option value="45">
              45
            </option>
          
            <option value="46">
              46
            </option>
          
            <option value="47">
              47
            </option>
          
            <option value="48">
              48
            </option>
          
            <option value="49">
              49
            </option>
          
            <option value="50">
              50
            </option>
          
            <option value="51">
              51
            </option>
          
            <option value="52">
              52
            </option>
          
            <option value="53">
              53
            </option>
          
            <option value="54">
              54
            </option>
          
            <option value="55">
              55
            </option>
          
            <option value="56">
              56
            </option>
          
            <option value="57">
              57
            </option>
          
            <option value="58">
              58
            </option>
          
            <option value="59">
              59
            </option>
          
        </select>
        <select class="input-mini" name="end_ampm">
          <option value="AM">AM</option>
          <option value="PM" selected="">PM</option>
        </select>
      </div>
    </div>
  </div>
  <div class="control-group hidden-phone">
    <label class="control-label" for="id_host">Hosts</label>
    <div class="controls">
      <div class="error" id="id_host_error"></div>
      <input type="text" class="input-block-level" id="id_host" name="host" value="Jang Dong Gun">
    </div>
  </div>
  
  <div class="control-group hidden-phone">
    <label class="control-label" for="id_location">Location name</label>
    <div class="controls">
      <div class="error" id="id_location_error"></div>
      <input type="text" class="input-block-level" id="id_location" name="location" value="">
      
        <small class="help-block hidden-phone">
          <a href="javascript:void(0);" data-toggle="show" data-target="#event_add_location_details">
            Add address or phone number
          </a>
        </small>
      
    </div>
  </div>
  <div id="event_add_location_details" class="hide">
    <div class="control-group">
      <label class="control-label" for="id_address_1">Address</label>
      <div class="controls">
        <input type="text" class="input-block-level" id="id_address_1" name="address_1" value="">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="id_address_2">City</label>
      <div class="controls">
        <input type="text" class="input-block-level" id="id_address_2" name="address_2" value="">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="id_phone_number">Phone</label>
      <div class="controls">
        <div class="error" id="id_phone_number_error"></div>
        <input type="text" class="input-block-level" id="id_phone_number" name="phone_number" value="">
      </div>
    </div>
  </div>
  <div class="control-group">
    <label class="control-label" for="id_description">Description</label>
    <div class="controls">
      <textarea class="input-block-level" id="id_description" name="description" rows="3"></textarea>
    </div>
  </div>

  <div class="control-group">
    <label class="control-label" for="id_rsvp_enabled">RSVP</label>
    <div class="controls">
      <label class="checkbox">
        <input type="checkbox" id="id_rsvp_enabled" name="rsvp_enabled" checked=""> Allow RSVPs for this event.
      </label>
    </div>
  </div>
  <hr>
  <div class="actions">
    <a class="btn" href="javascript:history.back()">Cancel</a>
    <button class="btn btn-primary pull-right" type="submit" data-action="prepare-submission">Post event</button>
    <div id="spinner_bottom" class="hide spinner meta">
      <img src="https://d19rpgkrjeba2z.cloudfront.net/static/images/16-ajax-loader.gif" height="16" width="16">
      <span>Saving...</span>
    </div>
  </div>
</form>

  </div>
  
  
   <script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-2.newrelic.com","b55be5e15c","2163618","bgZbbENYWRFXAUBYW1dMf01fWkMLWQwbX1FBF11XXksZFVMAGlVRWgxLWUVWRREMB0JUWk08XVFQVVgF",0,64,new Date().getTime(),"","","","",""]);</script>